<template>
	<view class="shop-page cbg-f7f7f7" style="height: 100%;">
		<image src="../../static/images/shopbg.jpg" style="width:100%;height: 290rpx;" mode="scaleToFill" />
		<view class="ml-26 mr-26 cbg-fff shadow"
			style="position: relative;z-index: 1;border-radius: 18rpx;margin-top:-150rpx">
			<view class="pl-26 pr-32 pt-46 grid g-ai-center" style="grid-template: 76rpx 48rpx 70rpx / 32rpx 1fr 32rpx;">
				<view style="grid-column: 1 / -1;align-self: flex-start;">{{ name }}</view>
				<text class="iconfont icon-Clock"></text>
				<view class="pl-16 fs-24 cfs-666"><text>营业中</text><text>00:00-23:59</text></view>
				<text class="iconfont icon-phone-fill cfs-666"></text>
				<text class="iconfont icon-shop"></text>
				<view class="pl-16 fs-24 cfs-666">东西湖中心广场</view>
				<text class="iconfont icon-positon cfs-666"></text>

			</view>
		</view>
		<view v-if="type === 1" class="pt-60 pb-60 cbg-fff mt-50 shadow grid"
			style="grid-template: 186rpx / repeat(2,1fr);border-radius: 18rpx;">
			<view class="flex f-column-nowrap f-ai-center f-jc-between border-right">
				<text class="iconfont icon-yuegaotongzhi cfs-dc6b56" style="font-size:76rpx"></text>
				<view class="fs-30 cfs-333">预点餐</view>
				<view class="fs-24 cfs-666">提前点 到店吃</view>
			</view>
			<view class="flex f-column-nowrap f-ai-center f-jc-between">
				<text class="iconfont icon-yuegaotongzhi cfs-dc6b56" style="font-size:76rpx;"></text>
				<view class="fs-30 cfs-333">订单</view>
				<view class="fs-24 cfs-666">查看订单详情</view>
			</view>
		</view>
		<view v-if="type === 2" class="mt-50 shadow cbg-fff h-78 grid"
			style="padding: 110rpx 240rpx 110rpx 255rpx;grid-template: 52rpx 26rpx / 68rpx 1fr; gap:0 40rpx;">
			<text class="iconfont icon-yuegaotongzhi cfs-dc6b56" style="grid-row:1 / -1;font-size:76rpx;"></text>
			<view class="fs-30 cfs-333 g-js-center">订单</view>
			<view class="fs-24 cfs-666">查看订单详情</view>
		</view>
	</view>
</template>

<script>

export default {
	name: 'ShopPage',
	data() {
		return {
			count: 4,
			value: 2,
			disabled: true,
			name: '',
			type: 2,
			
		};
	},
	onLoad(options) {
		console.log('options', options)
		this.name = options.name
	},
	created() {
		console.log('created',);
	}
}
</script>

<style lang="scss">

</style>
